<script lang="ts" setup>
// import DetailDialog from "./components/detail-dialog.vue";
// import Filter from "./components/filter.vue";
// import Handler from "./components/handler.vue";
import teamList from "./components/team-list.vue";
import teamDetails from "./components/team-details.vue";
import { createState } from "./state";

definePage({
	meta: { title: "巡查队设置", order: 2 },
});
defineOptions({ name: "IndexPage" });
const { page, teamDetailsRef } = createState();
</script>

<template>
	<page-content>
		<div class="pageInsideContent">
			<teamList />
			<div class="divideBar"></div>
			<teamDetails ref="teamDetailsRef" />
		</div>
	</page-content>
</template>

<style lang="scss" scoped>
.pageInsideContent {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	.divideBar {
		width: 2px;
		height: 100%;
		background: #a8a8a860;
	}
}
</style>
